<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>详情页</title>
		<link rel="stylesheet" href="./css/tripdetail.css">
	</head>

	<body>
		<header>
			<div class="center">
				<div class="center_left">
					<span>让旅行更幸福</span>
					<span>Language</span>
					<span></span>
					<span>网站无障碍</span>
				</div>
				<div class="center_right">
					<ul>
						<li>
							<h4 id="come"><a href="javascript:;">欢迎! <span>xxx</span>登录</a></h4>
							<p id="log"><a href="javascript:;">您好，请登录</a></p>
						</li>
						<li>消息</li>
						<li>我的携程</li>
						<li>我的订单</li>
						<li>客服中心</li>
						<li></li>
					</ul>
				</div>
			</div>
		</header>

		<div class="logo center">
			<img src="./trip/beijing/logo.png">
			<div class="inp"></div>
			<div class="number">
				<span>境内：95010</span>
				<span>(或)400-830-6666</span>
			</div>
		</div>

		<div class="banner">
			<div class="center">
				<ul>
					<li>首页</li>
					<li>酒店</li>
					<li>旅游</li>
					<li>跟团游</li>
					<li>自行游</li>
					<li>机票</li>
					<li>火车</li>
					<li>汽车.船</li>
					<li>用车</li>
					<li>门票</li>
					<li>攻略</li>
					<li>全球购</li>
					<li>礼品卡</li>
					<li>商旅</li>
					<li>邮轮</li>
					<li>目的地</li>
					<li>金融</li>
					<li>更多</li>
				</ul>
			</div>
		</div>
		
		<div class="info center">
			<h2>北京5日自由行</h2>
			<p>『国贸CBD商圈』高颜值网红地标“央视电视塔”｜帝都招牌“国贸大厦”·俯瞰醉美夜景，花灯璀璨｜世贸天阶，帝都夜景必打卡地，拍出大片即视感·飞机往返</p>
			<div class="score">
				<div class="s1">
					<sub>￥</sub>
					<span>2234</span>
					<sub>/人起</sub>
					<sub>起价说明</sub>
					<span>5</span>分
					<span>4条点评</span>
					<span>300人出游</span>
				</div>
				<div class="s2">
					<span>登录后查看更多优惠</span>
				</div>
			</div>
			<div class="pic">
				<div class="pic_left"><img src="./trip/bjdetal/bj1.jpg" ></div>
				<div class="pic_right">
					<div class="big"><img src="./trip/bjdetal/bj2.jpg" ></div>
					<div class="small">
						<img src="./trip/bjdetal/bj3.jpg" >
						<img src="./trip/bjdetal/bj4.jpg" >
						<div class="hide">
							<a style="color: #fff;display: block;height: 100%;" href="see.html" target="_blank">
								<p>查看全部图片</p>
								<p>(17)</p>
							</a>
						</div>
					</div>
				</div>
			</div>
			
			<div class="product">
				<div class="line">
					<span>产品特色</span>
					<span style="border: 1px solid #aaa;">博物馆</span>
				</div>
				<div class="line">
					<span>放心游</span>
					<span>航变无忧7*24h客服出行保障查看详情></span>
				</div>
				<div class="line">
					<span>供应商</span>
					<span>携程自营(可查看经营许可证信息)</span>
				</div>
				<div class="line">
					<span>产品卖点</span>
					<span>★ 帝都CBD国贸商圈精选酒店合辑</span>
				</div>
				<div class="line">
					<span>产品卖点</span>
					<span>★ 打卡高颜值地标建筑“大裤衩“，国贸大厦，”世贸天阶“等</span>
				</div>
			</div>
			<div class="help">
				<span>定制旅行</span>
				<span>不跟团不自助，不让你费心</span>
				<span>立即定制</span>
			</div>
		</div>
		
		<div class="price center">
			<div class="price_l">
				<div class="box">
					<p>
						<span>出发</span>
					</p>
					<select>
						<option>2022-02-10 周三</option>
						<option>2022-02-11 周四</option>
						<option>2022-02-12 周五</option>
					</select>
				</div>
				<div class="box">
					<p>
						<span>成人</span> 18周岁及以上
					</p>
					<select>
						<option>0</option>
						<option>1</option>
						<option>3</option>
						<option>4</option>
						<option>5</option>
						<option>6</option>
						<option>7</option>
						<option>8</option>
						<option>9</option>
					</select>
				</div>
				<div class="box">
					<p>
						<span>儿童</span> 2-18周岁(不含)
					</p>
					<select>
						<option>0</option>
						<option>1</option>
						<option>3</option>
						<option>4</option>
						<option>5</option>
						<option>6</option>
						<option>7</option>
						<option>8</option>
						<option>9</option>
					</select>
				</div>
				<div class="box">
					<p>
						<span>婴儿</span> 14天-2周岁(不含)
					</p>
					<select>
						<option>0</option>
						<option>1</option>
						<option>3</option>
						<option>4</option>
						<option>5</option>
						<option>6</option>
						<option>7</option>
						<option>8</option>
						<option>9</option>
					</select>
				</div>
			</div>
			<div class="price_r">
				<p>预定限制</p>
				<div class="right">
					<span>总价</span>
					<sub>￥</sub>
					<span>4774</span>
					<button>立即预定</button>
				</div>
			</div>
		</div>
	</body>
</html>
<script src="./lib/jquery.min.js"></script>
<script src="./js/cookie.js"></script>
<script>
	var username = getCookie('username')
    if(username != "") {
		$('#come').css('display','block');
		$('#log').css('display','none');
        $('#come > a > span').html(username);
    } else {
		$('#come').css('display','none');
		$('#log').css('display','block');
    }
	$('#come > a').on('click',function() {
		location.href = 'index.html';
	})
</script>
